﻿/* media max-width 1280 px */

@gridColumns: 9;
@siteWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));

div.parentpage {
	width: @siteWidth; /* 700px; */

}
.headercontainer {
	padding-left: 0;
}



.logo {
	display: block;
	float: none;
}
nav {
	display: block;
	margin-bottom: 5px;
}

.w10 { .columns(9,3); }
.w11 { .columns(9,3); }
.w12 { .columns(9,3); }
/* TODO: add other w13 - w24 */

.c10, .u10>li { .columns(9); }
.c11, .u11>li { .columns(9); }
.c12, .u12>li { .columns(9); }

/* grids with paddinggs */
.p10, .up10>li { .columns(9,@extraSpace*2);  }
.p11, .up11>li { .columns(9,@extraSpace*2);  }
.p12, .up12>li { .columns(9,@extraSpace*2);  }